<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>优势卖点</title>
		<link rel="stylesheet" type="text/css" href="css/_reset.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/point.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/animated.css" />
	</head>

	<body>
		<div class="Point_web">
			<!--頭部導航欄-->
			<div class="header">
				<div class="headers">
					<ul>
						<li>
							<a href="Brand.html">
								鲜箤品牌
							</a>
						</li>
						<li>
							<a href="Selling.html">
								鲜茶热卖
							</a>
						</li>
						<li class="big_font">
							<a href="Point.html">
								优势卖点
							</a>
						</li>
						<li class="imgs"><img src="img/header.jpg" /></li>
						<li>
							<a href="Investment.html">
								投资盈利
							</a>
						</li>
						<li>
							<a href="Company.html">
								名企扶持
							</a>
						</li>
						<li>
							<a href="Contact-us.html">
								联系我们
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!--page1-->
			<div class="page page1 pagecon1 active">
				<img class="bg_img" src="img/bg_b1_02.jpg" />
				<img src="img/b6.png" class="flipInX yanchi03"/>
				<img src="img/b1.png" class="Top_ yanchi06"/>
				<img src="img/b2.png" class="Right_ yanchi17"/>
				<img src="img/b3.png" class="Bottom_ yanchi13	" />
				<img src="img/b4.png" class="Right_ yanchi10"/>
				<img src="img/b5.png" class="Bottom_ yanchi08"/>
				<p>首页&nbsp;>&nbsp;优势卖点&nbsp;>&nbsp;火爆实况</p>
			</div>
			<!--产品亮点    创新品类-->
			<div class="page page2">
				<img class="bg_img" src="img/bg-wz_02.jpg" />
				<img data-src="img/p1.png" class="flipInX1 load" />
				<img src="img/p2.png" class="Top_ yanchi03" />
				<div class="page_one age1 Bottom_">
					<img class="yuan" src="img/yuan.png" />
					<p>冰滴纯饮</p>
					<p>没有奶盖的奶盖茶</p>
					<div>
						<img src="img/bdnac_03.jpg" />
					</div>
					<p>独特液氮冰萃机让水、茶、冰形成气体奶露，成就了没有奶盖的奶盖茶，给消费者呈现独特的产品形式与口感。</p>
				</div>
				<div class="page_one age2 Bottom_ yanchi03">
					<img class="yuan" src="img/yuan.png" />
					<p>冰滴纯饮</p>
					<p>没有奶盖的奶盖茶</p>
					<div>
						<img src="img/bdnac_03.jpg" />
					</div>
					<p>独特液氮冰萃机让水、茶、冰形成气体奶露，成就了没有奶盖的奶盖茶，给消费者呈现独特的产品形式与口感。</p>
				</div>
				<div class="page_one age3 Bottom_ yanchi06">
					<img class="yuan" src="img/yuan.png" />
					<p>冰滴纯饮</p>
					<p>没有奶盖的奶盖茶</p>
					<div>
						<img src="img/bdnac_03.jpg" />
					</div>
					<p>独特液氮冰萃机让水、茶、冰形成气体奶露，成就了没有奶盖的奶盖茶，给消费者呈现独特的产品形式与口感。</p>
				</div>
				<div class="page_one age4 Bottom_ yanchi09">
					<img class="yuan" src="img/yuan.png" />
					<p>冰滴纯饮</p>
					<p>没有奶盖的奶盖茶</p>
					<div>
						<img src="img/bdnac_03.jpg" />
					</div>
					<p>独特液氮冰萃机让水、茶、冰形成气体奶露，成就了没有奶盖的奶盖茶，给消费者呈现独特的产品形式与口感。</p>
				</div>
			</div>
			<!--产品亮点    舌尖上的色彩碰撞-->
			<div class="page page3">
				<img class="bg_img" src="img/bg-wz_03.jpg" />
				<img data-src="img/p7.png" class="flipInX load" />
				<div class="page3_p Top_ yanchi05">
					<p>在兼具美味的同时，将蔬果之间浓烈的色彩相撞，形成强烈的视觉效果让消费者为这一杯水果茶的颜值疯狂打call</p>
				</div>
				<div class="lest_l Bottom_ yanchi06">
					<img src="img/p9.jpg" />
				</div>
				<div class="zhong_l Bottom_ yanchi09">
					<img src="img/p10.jpg" />
				</div>
				<div class="right_l Bottom_ yanchi12">
					<img src="img/p11.jpg" />
				</div>
			</div>
			<!--产品亮点    纯粹自然主义-->
			<div class="page page4">
				<img class="bg_img" src="img/bg-wz_04.jpg" />
				<img data-src="img/pt1.png" class="Top_ load" />
				<img data-src="img/pt2.png" class="Bottom_ yanchi06 load" />
				<div class="Guo_div one_guo Right_ yanchi02">
					<div>
						<img src="img/guozi.png" />
					</div>
					<div>
						<p>精选全国各地原生好茶</p>
						<p>原叶萃取，口感至上</p>
					</div>
				</div>
				<div class="Guo_div two_guo Right_ yanchi06">
					<div>
						<img src="img/guozi.png" />
					</div>
					<div>
						<p>精挑细选每一颗水果</p>
						<p>保证每一颗水果都是鲜嫩欲滴</p>
					</div>
				</div>
				<div class="Guo_div three_guo Right_ yanchi08">
					<div>
						<img src="img/guozi.png" />
					</div>
					<div>
						<p>精心配比每一种水果</p>
						<p>每一种水果都从口感和颜色双重兼顾，交融配比</p>
					</div>
				</div>
				<div class="Guo_div four_guo Right_ yanchi12">
					<div>
						<img src="img/guozi.png" />
					</div>
					<div>
						<p>精准到毫厘的产品制作</p>
						<p>对每一道工序都严苛要求，绝不将就</p>
					</div>
				</div>
				<img src="img/pt7.png" class="Right4_" />
			</div>
			<!--门店亮点-->
			<div class="page page6">
				<img class="bg_img" src="img/bg-wz_05.jpg" />
				<img data-src="img/m1.png" class="Top_ load" />
				<img data-src="img/m2.png" class="Top_ yanchi05 load" />
				<div class="m3_p Top_ yanchi08 load">
					<p>以白色为主，橙红与草绿为辅的色彩碰撞，将活力与自然融入门店空间的每一处</p>
					<p>让消费者能够沉浸在自然乐园之中，尽情享受每一杯精粹水果茶的美好</p>
				</div>
				<img data-src="img/m4.png" class="Bottom_ yanchi09 load" />
				<img data-src="img/m5.jpg" class="Bottom_ yanchi12 load" />
				<img data-src="img/m6.jpg" class="Bottom_ yanchi15 load" />
				<img data-src="img/m7.jpg" class="Bottom_ yanchi22 load" />
				<img data-src="img/m8.jpg" class="Bottom_ yanchi18 load" />
				<img data-src="img/m9.jpg" class="Bottom_ yanchi14 load" />
			</div>
			<!--装修亮点-->
			<div class="page page7">
				<img class="bg_img" src="img/bg-wz_08.jpg" />
				<img data-src="img/x1.png" class="flipInX load" />
				<img data-src="img/x2.png" class="Bottom_ yanchi02 load" />
				<div class="x3_p Bottom_ yanchi04 load">
					<p>根据店面选址灵活装修店面，装出属于你的独特定制空间</p>
					<p>7-14天即可进入营业期，快速收回成本</p>
				</div>
				<img data-src="img/x4.png" class="Right_ yanchi09 load" />
				<img data-src="img/x5.png" class="Right_ yanchi13 load" />
				<img data-src="img/x6.png" class="Right_ yanchi15 load" />
			</div>
			<div class="page page8">
				<img class="bg_img" src="img/bg-wz_09.jpg" />
				<img data-src="img/x7.png" class="Right_ yanchi06 load" />
				<img data-src="img/x8.png" class="Right_ yanchi09 load" />
				<img data-src="img/x9.png" class="Right_ yanchi12 load" />
			</div>
			<!--物料亮点-->
			<div class="page page9">
				<img class="title_img load Bottom_" data-src="img/w1.png" />
				<img class="rr load Bottom_ yanchi04" data-src="img/w2.png" />
				<div class="w3_p Bottom_ yanchi07">
					<p>独特的品牌物料，从杯子到服装，每一个都精心设计，给予消费者纯粹美的享受</p>
				</div>
				<!--轮播图-->
				<div class="swiper-container swipers load Bottom_ yanchi09">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="img/a4.png" />
						</div>
						<div class="swiper-slide">
							<img src="img/a4.png" />
						</div>
						<div class="swiper-slide">
							<img src="img/a4.png" />
						</div>
					</div>
				</div>
				<div class="swiper-button-prev cons3 "></div>
				<div class="swiper-button-next swiper-button-yellow cons2 "></div>
			</div>

			<!--营销物料-->
			<div class="page page10 ">
				<img data-src="img/w4.png " class="load Bottom_02"/>
				<div class="w5_p load Bottom_ yanchi05">
					<p>各类专属营销海报、促销设计，投资商只需打印运用即可</p>
				</div>
				<!--轮播图-->
				<div class="swiper-container swipers tests load Bottom_ yanchi09">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="img/a4.png" />
						</div>
						<div class="swiper-slide">
							<img src="img/a4.png" />
						</div>
						<div class="swiper-slide">
							<img src="img/a4.png" />
						</div>
					</div>
				</div>
				<div class="swiper-button-prev cons3 "></div>
				<div class="swiper-button-next swiper-button-yellow cons2 "></div>
			</div>
			<!--底部-->
			<div class="footer">
				<div class="content">
					<div class="left_content">
						<img src="img/erma_03.jpg" />
					</div>
					<div class="right_content">
						<div class="header_">
							<ul>
								<li>首页</li>
								<li>鲜箤品牌</li>
								<li>鲜茶热卖</li>
								<li>优势卖点</li>
								<li>投资盈利</li>
								<li>名企扶持</li>
								<li>联系我们</li>
							</ul>
						</div>
						<div class="form">
							<form action="" method="post">
								<p>服务热线&nbsp;:&nbsp;<span>4006-330-627</span></p>
								<input type="text" class="user_name" name="" id="" value="" placeholder="姓名" />
								<input type="text" class="mobile_Val" name="" id="" value="" placeholder="电话" />
								<textarea name="" class="leave_msg" placeholder="留言" rows="" cols=""></textarea>
								<input type="button" name="" id="reset" value="重置" />
								<input type="button" name="" id="submit" value="提交" />
							</form>
						</div>
						<div class="xinxi">
							<p>壹家人餐饮管理服务有限公司</p>
							<p>华南运行中心</p>
							<p>地址 ：广东省广州市天河区风信路1号智盈商务中心3楼</p>
							<p>华北运营中心</p>
							<p>地址 ：北京市大兴区亦庄经济开发区科创十四街20号院嘉捷 BDA企业汇16号楼3单元</p>
							<p>华东运营中心</p>
							<p>地址 ：上海市闵行区莘庄新源路1356号汇力得产业园C座二层</p>
						</div>
					</div>
				</div>
				<div class="copyright">
					<p>壹家人餐饮管理服务有限公司 ICP备案号：粤ICP备88888888号-8 鲜动力Xpower官网网址：www.xiandongli888.com 网站地图 51La</p>
					<p>友情链接：黑龙茶加盟 冰淇淋加盟 </p>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-2.1.0.js " type="text/javascript " charset="utf-8 "></script>
	<script src="layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/swiper.min.js " type="text/javascript " charset="utf-8 "></script>
	<script src="js/Leave_msg.js" type="text/javascript" charset="utf-8"></script>
	<script>
		var mySwiper = new Swiper('.page9 .swiper-container', {
			direction: 'vertical',
			prevButton: '.swiper-button-prev',
			nextButton: '.swiper-button-next',
		})
		var mySwiper = new Swiper('.page10 .swiper-container', {
			prevButton: '.swiper-button-prev',
			nextButton: '.swiper-button-next',
		})
		
		var target = -100;			
			var winH = window.innerHeight;		//屏幕的高度
			console.log(winH);
//			$(".load").on("load",function(){
//				$(this).css("transform","scale(1)");
//				$(this).addClass('active')
//			})
			$(document).on("scroll",function(){
				var scrollT = $(this).scrollTop(); //滚动距离
				console.log(scrollT);
				$(".load").each(function(index,val){
					var offsetT = $(this).offset().top; 
					if(offsetT-scrollT-winH<target){
						$(this).parents('.page').addClass('active');
						var imgSrc = $(this).attr('data-src');
						$(this).attr('src',imgSrc);
					}
				})
			})
	</script>

</html>